<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="eng">
    <head>
        <title>Dasty2, a protein DAS client</title>

        <!-- DASTY2 CSS -->
        <link href="css/dasty2.css" rel="stylesheet" type="text/css"/>
        <link href="css/window/default.css" rel="stylesheet" type="text/css"/>
        <link href="css/window/mac_os_x.css" rel="stylesheet" type="text/css"/>

        <!-- TAGSTY CSS -->
        <!--link href="tagsty/css/window/default.css" rel="stylesheet" type="text/css"-->
        <link href="tagsty/css/autocomplete.css" rel="stylesheet" type="text/css"/>
        <!--link href="tagsty/css/window/mac_os_x.css" rel="stylesheet" type="text/css"-->
        <link href="tagsty/css/tagsty.css" rel="stylesheet" type="text/css"/>

        <!-- EXTERNAL LIBRARIES -->
        <script type="text/javascript" src="library/jmol/Jmol.js"></script>
        <script type="text/javascript" src="library/blueshoes46/core/lang/Bs_Array.class.js"></script>
        <script type="text/javascript" src="library/blueshoes46/components/tree/Bs_Tree.class.js"></script>
        <script type="text/javascript" src="library/blueshoes46/components/tree/Bs_TreeElement.class.js"></script>
        <script type="text/javascript" src="library/blueshoes46/components/checkbox/Bs_Checkbox.class.js"></script>
        <script type="text/javascript" src="library/blueshoes46/core/lang/Bs_Misc.lib.js"></script>
        <script src="library/extra/window/prototype.js" type="text/javascript"></script>
        <script src="library/extra/scriptaculous.js" type="text/javascript"></script>
        <script src="library/extra/window/window.js" type="text/javascript"> </script>
        <script src="library/extra/window/effects.js" type="text/javascript"> </script>
        <script src="library/extra/window/debug.js" type="text/javascript"> </script>
        <script src="library/extra/window/tooltip.js" type="text/javascript"> </script>
        <script src="library/sorttable/sortable.js" type="text/javascript"></script>

        <!-- DASTY FUNCTIONS -->
        <script src="library/dasty2/configuration.js" type="text/javascript"></script>
        <script src="library/dasty2/globals.js" type="text/javascript"></script>
        <script src="library/dasty2/request_xml.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_sequence.js" type="text/javascript"></script>
        <script src="library/dasty2/create_seqinfo.js" type="text/javascript"></script>
        <script src="library/dasty2/create_sequence.js" type="text/javascript"></script>
        <script src="library/dasty2/create_feature_details.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_stylesheet.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_feature.js" type="text/javascript"></script>
        <script src="library/dasty2/identify_fids.js" type="text/javascript"></script>
        <script src="library/dasty2/create_npf.js" type="text/javascript"></script>
        <script src="library/dasty2/functions.js" type="text/javascript"></script>
        <script src="library/dasty2/organize_types.js" type="text/javascript"></script>
        <script src="library/dasty2/grouping.js" type="text/javascript"></script>
        <script src="library/dasty2/create_graphic2.js" type="text/javascript"></script>
        <script src="library/dasty2/sorting.js" type="text/javascript"></script>
        <script src="library/dasty2/expanding.js" type="text/javascript"></script>
        <script src="library/dasty2/define_graphic_column.js" type="text/javascript"></script>
        <script src="library/dasty2/create_graphic_tittle.js" type="text/javascript"></script>
        <script src="library/dasty2/zoom.js" type="text/javascript"></script>
        <script src="library/dasty2/create_scale_bar.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_das_registry.js" type="text/javascript"></script>
        <script src="library/dasty2/newid.js" type="text/javascript"></script>
        <script src="library/dasty2/progress_bar.js" type="text/javascript"></script>
        <script src="library/dasty2/change_graphic_width.js" type="text/javascript"></script>
        <script src="library/dasty2/url_redirector.js" type="text/javascript"></script>
        <script src="library/dasty2/create_slide_bar.js" type="text/javascript"></script>
        <script src="library/dasty2/popups.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_alignment.js" type="text/javascript"></script>
        <script src="library/dasty2/parse_ontology.js" type="text/javascript"></script>
        <script src="library/dasty2/create_ontology_tree.js" type="text/javascript"></script>

        <!-- TAGSTY FUNCTIONS -->
        <!--script src="tagsty/js/prototype-1.6.0.3.js" type="text/javascript" ></script-->
        <!--script src="tagsty/js/scriptaculous/scriptaculous.js" type="text/javascript"></script-->
        <!--script src="tagsty/js/window/window.js" type="text/javascript"> </script>
        <script src="tagsty/js/window/effects.js" type="text/javascript"> </script>
        <script src="tagsty/js/window/debug.js" type="text/javascript"> </script>
        <script src="tagsty/js/window/tooltip.js" type="text/javascript"> </script-->
        <script src="tagsty/js/autocomplete.js" type="text/javascript"> </script>
        <script src="tagsty/js/tagsty.js" type="text/javascript"> </script>

    </head>


    <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Optionally define the URL parametres. Makes Dasty2 independent from the URL.
    <body onload="set_query('P05067', 'BioSapiens', 3, ''), start_dasty(0);">
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

    <!--body onload="start_dasty(1);"-->
    <body onload="start_dasty(1);tagCloud();comboOntologyLoad()">

        <!-- START SEARCH -->
        <a id="menu_query_box" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_query_box_div', 'menu_query_box_img', 2)">
            <span id="menu_query_box_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            SEARCH
        </a>
        <div id="display_query_box_div" class="divformat" style="display:block">
            <div id="display_query_box">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>Protein ID:
                            <input id="feature_id_box" class="textbox" style="width: 80px;" name="feature_id_box" type="text" value=""/>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td><div id="feature_label_list"></div>
                        </td>
                        <td>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a style="text-decoration: none;" href="http://www.dasregistry.org/help_coordsys.jsp" target="_blank"><img src="img/info01.gif" border="0" /></a>
                            "<a href="http://www.dasregistry.org/coordsys/CS_DS6">UniProt</a>" protein sequence <a href="http://www.dasregistry.org/help_coordsys.jsp">coordinate system</a>&nbsp;&nbsp;&nbsp;&nbsp;        </td>
                        <td><input name="send_query" type="submit" id="send_query" value="Go" onClick="newid('feature_id_box', 'feature_label_list_select')" /></td>
                    </tr>
                </table><br />
                <span class="title"><i>Examples:</i>
                    <a style="font-weight:normal; text-decoration:none;" href="javascript:createDastyURLNewID('P05067')"> P05067</a>,
                    <a style="font-weight:normal; text-decoration:none;" href="javascript:createDastyURLNewID('P03973')"> P03973</a>,
                    <a style="font-weight:normal; text-decoration:none;" href="javascript:createDastyURLNewID('P13569')"> P13569</a>,
                    <a style="font-weight:normal; text-decoration:none;" href="javascript:createDastyURLNewID('MDM2_MOUSE')"> MDM2_MOUSE</a>,
                    <a style="font-weight:normal; text-decoration:none;" href="javascript:createDastyURLNewID('BRCA1_HUMAN')"> BRCA1_HUMAN</a>, ...</span>
            </div>
        </div>
        <!-- END SEARCH -->

        <!-- START CHECKING -->
        <a id="menu_checking" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_checking_div', 'menu_checking_img', 2)">
            <span id="menu_checking_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            CHECKING
        </a>
        <div id="display_checking_div" class="divformat" style="display:block">
            <div id="display_checking">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td  valign="top">
                            <span style="display:block; border-bottom: 1px solid #000000; font-weight:bold; color:#222222; margin-bottom: 3px;">
                                <a style="text-decoration:none;" href="javascript:changeDisplayState('display_server_checking_div', 'menu_server_checking_img', 1)">
                                    <span id="menu_server_checking_img"><img src="img/plus01.gif" border="0" align="absbottom"/>&nbsp;</span>
					Annotation servers loaded:
                                </a>
                            </span>
                            <div id="progress_bar_empty" style="background-color:#F0F0F0;border:1px solid #999999;height:12px;width:267px;padding:0px;" align="left">
                                <div id="progress_bar_2" style="position:relative;top:0px;left:0px;background-color:#B4B4B4;height:12px;width:0px;padding-top:5px;padding:0px;">
                                    <div id="progress_bar_1" style="position:relative;top:0px;left:0px;color:#f0ffff;height:12px;text-align:center;font:bold;padding:0px;padding-top:0px;">			</div></div>
                            </div>
                        </td>
                        <td width="5" valign="top">&nbsp;

                        </td>
                        <td valign="top">
                            <div style="margin-top:10px;"><input type="button" name="cancel_button" id="cancel_button" value="Cancel" onClick="stop()"/></div>
                        </td>
                        <td width="30" valign="top">&nbsp;

                        </td>
                        <td width="390" valign="top">
                            <span style="display:block; border-bottom: 1px solid #000000; font-weight:bold; color:#222222; margin-bottom: 5px;">
			System information:</span>
                            <span style="font-style:italic;" id="system_information">... please be patient, Dasty2 is loading data from the DAS servers</span>								        </td>
                    </tr>
                </table>
                <div id="display_server_checking_div" class="divformat" style="display:none">
                    <div id="display_server_checking"></div>
                </div>
            </div>
        </div>
        <!-- END CHECKING -->

        <!-- START SEQUENCE -->
        <a id="menu_seque" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_seque_div', 'menu_seque_img', 2)">
            <span id="menu_seque_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            SEQUENCE
        </a>
        <div id="display_seque_div" class="divformat" style="display:block">
            <div id="display_seque"></div>

            <!-- START - QUERY INFORMATION -->
            <a id="menu_query" style="display:none; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_query_div', 'menu_query_img', 2)">
                <span id="menu_query_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
        	QUERY INFORMATION
            </a>
            <div id="display_query_div" style="display:block; margin-top:3px;">
                <div id="display_query"></div>
            </div>
            <!-- END - QUERY INFORMATION -->

        </div>
        <!-- END SEQUENCE -->

        <!-- START FEATURE DETAILS -->
        <a id="menu_feature_details" style="display:none; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_feature_details_div', 'menu_feature_details_img', 2)">
            <span id="menu_feature_details_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            FEATURES DETAILS
        </a>
        <div id="display_feature_details_div" class="divformat" style="display:none">
            <div id="display_feature_details">
                <span class="title" style="font-style:italic;">
                    ... to see features details click on one feature in the graphic display!
                </span>                
            </div>
            <!-- TAGSTY -->
            <input type="hidden" id="numTabs" name="numTabs" value="2" />
            <div id="tabs">
                <table id="tabTables">
                    <tr id="trTabs">
                        <td id="tabHeaderActive"><a id="link1" href="javascript:void(0)" onClick="toggleTab(1,3)"><span>Dasty</span> </a> </td>
                        <td id="tabHeader2"><a id="link2" href="javascript:void(0)" onClick="toggleTab(2,3)" ><span>Tagsty</span> </a> </td>
                        <td id="tabHeader3"> </td>
                    </tr>
                </table>

                <div id="tabContent1" class="tabContent" style="display:yes;">
                    <br />

                </div>

                <div id="tabContent2" class="tabContent" style="display:none;">
                    <br />
                    <form id="tag_f" name="tag_f" action="http://prototype.conio.net/">
                        <div id="tag_d">
                            <table border="0" cellspacing="2" cellpadding="1">
                                <tr>
                                    <td>Tag</td>
                                    <!--<input type="text" name="tagShow" id="tagShow" size="24"> -->
                                    <td>
                                        <!--<input type="text" name="tagShow" id="tagShow" size="24"> -->

                                        <input type="text" id="autocomplete" name="autocomplete_parameter"/>
                                        <span id="indicator1" style="display: none">
                                            <img src="/images/spinner.gif" alt="Working..." />
                                        </span>
                                        <div id="autocomplete_choices" class="autocomplete"></div>

                                        <script>
                                            new Ajax.Autocompleter("autocomplete", "autocomplete_choices", "dato.php", {
                                                paramName: "input",
                                                minChars: 4,
                                                indicator: 'indicator1'
                                            });

                                        </script>

                                    </td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>Note</td>
                                    <td><input type="text" name="note" size="24"></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <div id="type_d" style="display:none;border:1px solid white;background-color:white;position:relative;"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div align="center">
                                            <a href="#" onclick="Effect.toggle('ao_type_d','slide'); return false;"> <img src="slide.png" border="0"> Ontology Assisted</a></div>
                                        <div id="ao_type_d" style="display:none;"><div style="background-color:white;width:200px;border:0px solid gray;padding:10px;">
                                                <br />Ontology
                                                <div id="comboOntology">

                                                </div>
                                            </div></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" align="right"><input type="submit" value="Submit" size="24"></td>
                                </tr>
                                <tr>
                                    <td colspan="2">Other tags for this feature </td>
                                    <tr>
                                        <td colspan="2">
                                            <div id="tags_cloud"></div>
                                            </div>
                                        </td>
                                    </tr>


                            </table>
                        </div>
                    </form>

                </div>

                <div id="tabContent3" class="tabContent" style="display:none;">
                    <br />

                </div>

            </div>
            <!-- END TAGSTY -->
        </div>
        <!-- END FEATURE DETAILS -->

        <!-- START FILTERING OPTIONS -->
        <a id="menu_maniputation_options3" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options3_div', 'menu_maniputation_options3_img', 2)">
            <span id="menu_maniputation_options3_img"><img src="img/plus02.gif" border="0" align="absbottom" />&nbsp;</span>
            FILTERING OPTIONS
        </a>
        <div id="display_maniputation_options3_div" class="divformat" style="display:none">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="350px" valign="top">
                        <span style="color:#CCCCCC;">Click checkbox to hide/show features</span>
                        <a id="menu_maniputation_options3_type" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options3_type_div', 'menu_maniputation_options3_type_img', 2)"> <span id="menu_maniputation_options3_type_img"><img src="img/plus02.gif" border="0" align="absbottom" />&nbsp;</span>FEATURE TYPES</a>
                        <div id="display_maniputation_options3_type_div" style="display:block">
                            <span class="title" style="font-style:italic;">
                                ... please wait untill all the data is loaded in Dasty2.
                            </span>
                        </div>
                    </td>
                    <td width="350px" valign="top">
                        <span style="color:#CCCCCC;">Click checkbox to hide/show features</span>
                        <a id="menu_maniputation_options3_server" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options3_server_div', 'menu_maniputation_options3_server_img', 2)"> <span id="menu_maniputation_options3_server_img"><img src="img/plus02.gif" border="0" align="absbottom" />&nbsp;</span>SERVER NAME</a>
                        <div id="display_maniputation_options3_server_div" style="display:block">
                            <span class="title" style="font-style:italic;">
                                ... please wait untill all the data is loaded in Dasty2.
                            </span>
                        </div>
                    </td>
                    <td width="350px" valign="top">
                        <span style="color:#CCCCCC;">Click checkbox to hide/show features</span>
                        <a id="menu_maniputation_options3_category" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options3_category_div', 'menu_maniputation_options3_category_img', 2)"> <span id="menu_maniputation_options3_category_img"><img src="img/plus02.gif" border="0" align="absbottom" />&nbsp;</span>EVIDENCE (Category)</a>
                        <div id="display_maniputation_options3_category_div" style="display:block">
                            <span class="title" style="font-style:italic;">
                                ... please wait untill all the data is loaded in Dasty2.
                            </span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <!-- END FILTERING OPTIONS -->

        <!-- START MANIPULATION OPTIONS -->
        <a id="menu_maniputation_options" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options_div', 'menu_maniputation_options_img', 2)">
            <span id="menu_maniputation_options_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            MANIPULATION OPTIONS  (Positional features)
        </a>
        <div id="display_maniputation_options_div" class="divformat" style="display:block">
            <div id="display_maniputation_options">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="200" valign="top">
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column('type')">
                                    <span id="menu_mo_img_type_column"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Type column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column('server')">
                                    <span id="menu_mo_img_server_column"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Server column</span>			</a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column('category')">
                                    <span id="menu_mo_img_category_column"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Category column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column('method')">
                                    <span id="menu_mo_img_method_column"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Method column</span> </a><br />
                            </div>
                            <div id="id_column" style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column('id')">
                                    <span id="menu_mo_img_id_column"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
		      Labels column		      </a><br />
                            </div>
                            <br />
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_popups()">
                                    <span id="menu_mo_img_popups"><img src="img/notick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Retain pop-up windows<br />
                                    </span>			</a>
                            </div>
                            <div style="display:none;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:expanding()">
                                    <span id="menu_mo_img_expand"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
	      Ungroup features		      </a>		    </div></td>
                        <td width="150" valign="top">
                            <span style="display:block; border-bottom: 1px solid #000000; font-weight:bold; color:#222222; margin-bottom: 3px;">- Change Graphic width</span>
                            <table border="0" cellspacing="0" cellpadding="1">
                                <tr>
                                    <td>
                                        <input id="graphic_width_px" class="textbox" style="width: 40px;" name="graphic_width_px" type="text" value="0"/>px&nbsp;</td>
                                    <td valign="bottom"><input name="resize" type="submit" id="resize" value="resize" onClick="change_graphic_width('graphic_width_px')" /></td>
                                </tr>
                            </table>
                            <br />
                            <span style="display:block; border-bottom: 1px solid #000000; font-weight:bold; color:#222222; margin-bottom: 3px;">- Zoom</span>
                            <table border="0" cellspacing="0" cellpadding="1">
                                <tr>
                                    <td>Start:
                                        <input id="zoom_start_px" class="textbox" style="width: 40px;" name="zoom_start_px" type="text" value=""/></td>
                                    <td>End:
                                        <input id="zoom_end_px" class="textbox" style="width: 40px;" name="zoom_end_px" type="text" value=""/></td>
                                    <td valign="bottom"><input name="zoom" type="submit" id="zoom" value="zoom" onClick="zoom('zoom_start_px', 'zoom_end_px')" /></td>
                                    <td valign="bottom"><input name="reset" type="submit" id="reset" value="reset" onClick="resetZoom('zoom_start_px', 'zoom_end_px')" /></td>
                                </tr>
                            </table>		  </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- END MANIPULATION OPTIONS -->

        <!-- START POSITIONAL FEATURES -->
        <a id="menu_graphic" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_graphic_div', 'menu_graphic_img', 2)">
            <span id="menu_graphic_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            POSITIONAL FEATURES
        </a>
        <div id="display_graphic_div" class="divformat" style="display:block">
            <div id="display_graphic"></div>
            <div class="divformat" style="display:block">
                <img src="img/checkmark.gif" align="absbottom"/> The annotation is in accordance with the version of the protein sequence.<br />
                <img src="img/warning.gif" align="absbottom"/> Caution! The annotation may refer to an old version of the protein sequence, so the position of features may be incorrect.<br />
                <img src="img/group.gif" align="absbottom"/> Group of features classified by the annotation server.<br />
                <img src="img/group2.gif" align="absbottom"/> Features grouped in the same line by Dasty2.
            </div>
        </div>
        <!-- END POSITIONAL FEATURES -->

        <!-- START MANIPULATION OPTIONS NPF -->
        <a id="menu_maniputation_options_npf" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_maniputation_options_npf_div', 'menu_maniputation_options_img_npf', 2)">
            <span id="menu_maniputation_options_img_npf"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            MANIPULATION OPTIONS  (Non positional features)
        </a>
        <div id="display_maniputation_options_npf_div" class="divformat" style="display:none">
            <div id="display_maniputation_options_npf">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="200" valign="top">
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('type_id')">
                                    <span id="menu_mo_img_type_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Type column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('method_data')">
                                    <span id="menu_mo_img_method_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Method column</span>			</a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('feature_label')">
                                    <span id="menu_mo_img_label_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Labels column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('note_data')">
                                    <span id="menu_mo_img_note_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Note column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('score_data')">
                                    <span id="menu_mo_img_score_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Score column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('version')">
                                    <span id="menu_mo_img_version_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Version column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('annotation_server')">
                                    <span id="menu_mo_img_server_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Server column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('type_category')">
                                    <span id="menu_mo_img_category_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Category column</span> </a><br />
                            </div>
                            <div style="display:block;">
                                <a style="text-decoration:none; font-size: 8pt;" href="javascript:define_graphic_column_npf('feature_id')">
                                    <span id="menu_mo_img_featureid_column_npf"><img src="img/tick01.gif" border="0" align="absbottom"/>&nbsp;</span>
                                    <span class="columnStyle">Feature id column</span> </a><br />
                            </div>


                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- END MANIPULATION OPTIONS NPF -->

        <!-- START NON POSITIONAL FEATURES -->
        <a id="menu_nonpositional" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_nonpositional_div', 'menu_nonpositional_img', 2)">
            <span id="menu_nonpositional_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            NON POSITIONAL FEATURES
        </a>
        <div id="display_nonpositional_div" class="divformat" style="display:none">
            <div id="display_nonpositional"></div>

            <div class="divformat" style="display:block">
                <img src="img/checkmark.gif" align="absbottom"/> The annotation is in accordance with the version of the protein sequence.<br />
                <img src="img/warning.gif" align="absbottom"/> Caution! The annotation may refer to an old version.
            </div>
        </div>
        <!-- END NON POSITIONAL FEATURES -->

        <!-- START 3D STRUCTURE -->
        <a id="menu_protstru" style="display:block; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_protstru', 'menu_protstru_img', 2)">
            <span id="menu_protstru_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            PROTEIN STRUCTURE
        </a>
        <div id="display_protstru" style="display:block;">
            <span style="color:#999999;">&nbsp;
                <a style="text-decoration:none;color:#999999;" href="javascript:pdbOnWindow('display_protstru_div')">View in a pop-up window</a>
            </span>
            <div id="display_protstru_div" style="width:350px; background:#FFFFFF">
                <span class="title" style="font-style:italic;">
                    <br/>
                    &nbsp;&nbsp;... Dasty2 is looking for PDB data.
                </span>
                <br/>&nbsp;
            </div>
        </div>
        <!-- END 3D STRUCTURE -->

        <!-- START TEST -->
        <a id="menu_test" style="display:none; text-decoration:none;" class="maintitle" href="javascript:changeDisplayState('display_test_div', 'menu_test_img', 2)">
            <span id="menu_test_img"><img src="img/plus02.gif" border="0" align="absbottom"/>&nbsp;</span>
            TEST
        </a>
        <div id="display_test_div" class="divformat" style="display:none">
            <div id="display_test"></div>
        </div>
        <!-- END TEST -->

    </body>
</html>
